<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="bootstarp/css/bootstrap.min.css">
    <script src="bootstarp/js/jquery-3.6.0.min.js"></script>
    <script src="bootstarp/js/popper.min.js"></script>
    <script src="bootstarp/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <title>KidPoP</title>
    <style>
        /* html,body{
            width: 100%;
            overflow: hidden;
            touch-action:pan-y;
        } */
    </style>
</head>

<body>
    <!-- 头部 -->
    <div class="navbar  navbar-expand-lg  navbar-light ">

        <div class="zdy-head position-fixed fixed-top p-4  overflow-hidden">
            <div class="container  justify-content-between ">
                <div class="logo1">
                    <a href="index.html"><img src="pic/logo-w.a96df43.png" alt=""></a>
                    
                </div>
        <!-- 小菜单 -->
        <button class="navbar-toggler" data-toggle="collapse" data-target="#menu">
            <span class="navbar-toggler-icon"></span>
          </button>

          <!-- 大菜单 -->
          <div class="collapse navbar-collapse justify-content-end"  id="menu">
            
            <div class="nav">
                <div class="nav-item">
                    <a href="products.html" class="nav-link">产品Produs</a>
                </div>
                <div class="nav-item">
                    <a href="barnd.html" class="nav-link">品牌探索</a>
                </div>
                <div class="nav-item">
                    <a href="#" class="nav-link">咨询News</a>
                </div>
                <div class="nav-item">
                    <a href="#" class="nav-link">招贤纳士Carees</a>
                </div>
                <div class="nav-item">
                    <a href="#" class="nav-link">商务合作Cooperation</a>
                </div>
            </div>

        </div>
               
            </div>
        </div>

    </div>
   

    <!-- 视频 -->
    <div class="zdy-video">

        <div class="zdy-video-box d-flex">
            <div class="logo font-italic">
                <p>KIDPOP</p>
            </div>
            <video src="video/7805bb33197747978f2b6c0e36bd06be-5287d2089db37e62345123a1be272f8b.mp4" muted autoplay
                loop webkit-playsinline playsinline x5-playsinline x-webkit-airplay="allow" ></video>


        </div>
    </div>
    <!-- 分段文字 -->
    <div class="zdy-js">
        <div class="container position-relative">
            <div class="zdy-MIMICSERIES text-center p-4">
                <span>MIMICSERIES</span>
            </div>
        </div>
    </div>

    <!-- 商品1 -->
    <div class="zdy-zxcjs bjys mb-3">
        <div class="container jbyd">
            <div class="zdy-sb position-relative">
                <img src="pic/type-1 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-zxcjs-box w-100">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 mt-lg-5 mt-md-0">
                        <div class="zdy-zxcjs-box-text text-center">
                            <p>BEE</p>
                            <p>FIRST LEARNER BIKES</p>
                            <button class="btn btn-outline-light "> <a href="shopping1.html" class="text-white" >查看详情</a></button>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="zdy-zxcjs-box-image">
                            <img src="pic/product-1.png" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="zdy-zxcjs bjys mb-3">
        <div class="container jbyd">
            <div class="zdy-sb position-relative">
                <img src="pic/type-1 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-zxcjs-box w-100">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 mt-lg-5 mt-md-0">
                        <div class="zdy-zxcjs-box-text text-center">
                            <p>MOTOR</p>
                            <p>TRICYCLES</p>
                            <button class="btn btn-outline-light "> <a href="shopping1.html" class="text-white" >查看详情</a></button>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="zdy-zxcjs-box-image">
                            <img src="pic/product-2.png" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="zdy-zxcjs bjys mb-3">
        <div class="container jbyd">
            <div class="zdy-sb position-relative">
                <img src="pic/type-1 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-zxcjs-box w-100">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 mt-lg-5 mt-md-0">
                        <div class="zdy-zxcjs-box-text text-center">
                            <p>BEE</p>
                            <p>FIRST LEARNER BIKES</p>
                            <button class="btn btn-outline-light "> <a href="shopping1.html" class="text-white" >查看详情</a></button>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="zdy-zxcjs-box-image">
                            <img src="pic/product-3.png" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 分段文字2 -->
    <div class="zdy-js">
        <div class="container position-relative">
            <div class="zdy-MIMICSERIES text-center p-4">
                <span>CLASSIC SERIES</span>
            </div>
        </div>
    </div>

    <!-- 商品2 -->
    <div class="zdy-zxcjs bjys mb-3">
        <div class="container jbyd">
            <div class="zdy-sb position-relative">
                <img src="pic/type-1 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-zxcjs-box w-100">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 mt-lg-5 mt-md-0">
                        <div class="zdy-zxcjs-box-text text-center">
                            <p>MATE</p>
                            <p>COLLEGE</p>
                            <button class="btn btn-outline-light "> <a href="shopping1.html" class="text-white" >查看详情</a></button>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="zdy-zxcjs-box-image">
                            <img src="pic/product-8.png" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="zdy-zxcjs bjys mb-3">
        <div class="container jbyd">
            <div class="zdy-sb position-relative">
                <img src="pic/type-1 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-zxcjs-box w-100">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 mt-lg-5 mt-md-0">
                        <div class="zdy-zxcjs-box-text text-center">
                            <p>MATE</p>
                            <p>CLASSIC</p>
                            <button class="btn btn-outline-light "> <a href="shopping1.html" class="text-white" >查看详情</a></button>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="zdy-zxcjs-box-image">
                            <img src="pic/product-4.png" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 分段文字3 -->
    <div class="zdy-js">
        <div class="container position-relative">
            <div class="zdy-MIMICSERIES text-center p-4">
                <span>RIGHT SERIES</span>
            </div>
        </div>
    </div>

    <!-- 商品3 -->
    <div class="zdy-zxcjs bjys mb-3">
        <div class="container jbyd">
            <div class="zdy-sb position-relative">
                <img src="pic/type-1 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-zxcjs-box w-100">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 mt-lg-5 mt-md-0">
                        <div class="zdy-zxcjs-box-text text-center">
                            <p>RIGHT</p>
                            <p>PICNIC EDITION</p>
                            <button class="btn btn-outline-light "> <a href="shopping1.html" class="text-white" >查看详情</a></button>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="zdy-zxcjs-box-image">
                            <img src="pic/product-9.png" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="zdy-zxcjs bjys mb-3">
        <div class="container jbyd">
            <div class="zdy-sb position-relative">
                <img src="pic/type-1 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-zxcjs-box w-100">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 mt-lg-5 mt-md-0">
                        <div class="zdy-zxcjs-box-text text-center">
                            <p>RIGHT</p>
                            <p>RUNNING BIKE</p>
                            <button class="btn btn-outline-light "> <a href="shopping1.html" class="text-white" >查看详情</a></button>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="zdy-zxcjs-box-image">
                            <img src="pic/product-5.png" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="zdy-zxcjs bjys mb-3">
        <div class="container jbyd">
            <div class="zdy-sb position-relative">
                <img src="pic/type-1 (1).png" alt="" class="w-100">
            </div>
            <div class="zdy-zxcjs-box w-100">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 mt-lg-5 mt-md-0">
                        <div class="zdy-zxcjs-box-text text-center">
                            <p>FLASH CHAMPION</p>
                            <p>RUNNING BIKE</p>
                            <button class="btn btn-outline-light "> <a href="shopping1.html" class="text-white" >查看详情</a></button>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12">
                        <div class="zdy-zxcjs-box-image">
                            <img src="pic/product-6.png" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="zdy-db w-100">
        <div class="container">
            <div class="zdy-dbbox d-flex">
                <div class="zdy-dbbox-text w-50">
                    <div class="p-4">
                        <p>CONTACT US</p>
                    </div>
                    <div class="d-flex justify-content-start align-items-center tz p-4 ">
                        <img src="pic/red.png" alt="">
                        <img src="pic/wechat.png" alt="">
                        <img src="pic/weibo.png" alt="">
                        <img src="pic/ins.png" alt="">
                    </div>
                    <div class="zdy-lsfs p-4">
                        <p>电话 Tel：400-878-1070</p>
                        <p>邮箱 Email：info@kidpop.cn</p>
                        <p>地址 Add：浙江省杭州市拱墅区学院</p>
                        <p>北路50号东业三宝文化创意园2-211</p>
                    </div>
                </div>
                <!-- 输入框 -->
                <div class="zdy-srk w-50 p-4">
                    <div class="shk mb-3">
                        <input type="text" placeholder=" 您的姓名">
                        <input type="text" placeholder=" 您的邮箱">
                    </div>
                    <div class="shk2">
                        <textarea name="" id="" cols="30" rows="10" placeholder="您的信息... Your Message..."
                            class="wenben"></textarea>
                    </div>
                    <div class="zdy-srk-btn">
                        <button class="btn ">发送</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 版权 -->
    <div class="container-fluid bqcolor">
        <div class="zdy-bq text-center p-4">
            <p>Copyright © Kidpop 2020. All rights reserved.</p>
            <p>浙ICP备2020035461号-1</p>
        </div>
    </div>

</body>

</html>